var honeySwitch = {};
//honeySwitch.themeColor = "rgb(255, 255, 255)";
honeySwitch.themeColor = "transparent";
honeySwitch.init = function() {
	var s = "<span class='slider'></span>";
	$("[class^=switch]").append(s);
	$("[class^=switch]").click(function() {
		if ($(this).hasClass("switch-disabled")) {
			return;
		}
		if ($(this).hasClass("switch-on")) {
			$(this).removeClass("switch-on").addClass("switch-off");
			$(".switch-off").css({
				'background':' url(images/3.png) no-repeat ',
			    'background-size':'cover'
			});
			$(".slider").css({
					'background':'url(images/1.png) no-repeat',
					'background-size':'cover'
				})
		} else {
			$(this).removeClass("switch-off").addClass("switch-on");
			if (honeySwitch.themeColor) {
				var c = honeySwitch.themeColor;
				$(this).css({
					'border-color' : c,
					'background':' url(images/4.png) no-repeat ',
			         'background-size':'cover'
				});
				$(".slider").css({
					'background':'url(images/2.png) no-repeat',
					'background-size':'cover'
				})
			}
			if ($(this).attr('themeColor')) {
				var c2 = $(this).attr('themeColor');
				$(this).css({
					'border-color' : c2,
					'background-color' : c2
				});
				$(".slider").css({
					'background':'url(images/1.png) no-repeat',
					'background-size':'cover'
				})
			}
		}
	});
	window.switchEvent = function(ele, on, off) {
		$(ele).click(function() {
			if ($(this).hasClass("switch-disabled")) {
				return;
			}
			if ($(this).hasClass('switch-on')) {
				if ( typeof on == 'function') {
					on();
				}
			} else {
				if ( typeof off == 'function') {
					off();
				}
			}
		});
	}
	if (this.themeColor) {
		var c = this.themeColor;
		$(".switch-on").css({
			'border-color' : c,
			'background-color' : c
		});
		$(".switch-off").css({
			'border-color' : '#dfdfdf',
			'background':' url(images/3.png) no-repeat ',
			'background-size':'cover'
		});
		$(".slider").css({
					'background':'url(images/1.png) no-repeat',
					'background-size':'cover'
				})
	}
	if ($('[themeColor]').length > 0) {
		$('[themeColor]').each(function() {
			var c = $(this).attr('themeColor') || honeySwitch.themeColor;
			if ($(this).hasClass("switch-on")) {
				$(this).css({
					'border-color' : c,
					'background-color' : c
				});
			
			} else {
				$(".switch-off").css({
					'border-color' : '#dfdfdf',
					'background':' url(images/3.png) no-repeat ',
			        'background-size':'cover'
				});
				$(".slider").css({
					'background':'url(images/1.png) no-repeat',
					'background-size':'cover'
				})
			}
		});
	}
};
honeySwitch.showOn = function(ele) {
	$(ele).removeClass("switch-off").addClass("switch-on");
	if(honeySwitch.themeColor){
		var c = honeySwitch.themeColor;
		$(ele).css({
			'border-color' : c,
			'background-color' : c
		});
	}
	if ($(ele).attr('themeColor')) {
		var c2 = $(ele).attr('themeColor');
		$(ele).css({
			'border-color' : c2,
			'background-color' : c2
		});
	}
}
honeySwitch.showOff = function(ele) {
	$(ele).removeClass("switch-on").addClass("switch-off");
	$(".switch-off").css({
		'border-color' : '#dfdfdf',
		'background':' url(images/3.png) no-repeat ',
	    'background-size':'cover'
	});
	$(".slider").css({
					'background':'url(images/1.png) no-repeat',
					'background-size':'cover'
				})
}
$(function() {
	honeySwitch.init();
}); 